<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    {block:Description}
        <meta name="description" content="{MetaDescription}" />
    {/block:Description}

    <title>{Title}</title>

    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

    <style>
    body { font-family:NanumGothic, AppleGothic, Malgun Gothic;; margin:0; padding:0 0 80px;  }
    ol, ul { list-style:none; padding:0; }
    a { color:#333; text-decoration:none; }
    a:hover { color:#999; }
    
    .index { width:100%; margin:50px auto 30px; }
    .title { text-align:center; }
    .title img { width:310px; }
    
    .header { width:100%; margin:10px auto 0; }
    .description { width:300px; position:relative; text-align:center;font-size:14px;line-height:30px;margin:30px auto; padding:30px 0 10px; border-radius:10px; box-shadow:#666 1px 1px 6px; }
    .description p a:hover { color:#eee; text-shadow:#333 0 0 3px; }
    .description .icon { position:absolute; top:-32px; left:50%; margin-left:-32px; }

    .posts .photo { width:250px; margin:0 auto; }
    .posts .photo img { box-shadow: #333 1px 1px 6px; border-radius: 10px; }

    .wrap { width:100%; margin:10px auto 0; }
    .footer { position:fixed; bottom:0; left:50%; z-index:9999; width:100%; margin-left:-50%; border-radius:50px 50px 0 0; text-align:center; background:#333; }
    .footer a { display:inline-block; color:#eee; padding:13px 5px 10px; font-size:14px; font-weight:bold; }
    .footer a:hover { color:#f66; }

    .page_nav a { position:fixed; display:block; width:30px; text-align:center; padding:30px 0; top:50%; margin-top:-40px; border-radius:5px; background:#999; color:#eee; font-weight:bold; opacity:0.6; }
    .page_nav a:hover { background:#333; color:#999; }
    .page_nav .prev_page { left:0; border-radius:0 10px 10px 0; }
    .page_nav .next_page { right:0; border-radius:10px 0 0 10px; }
    
    .location { width:300px; margin: 0 auto; }
    .map { padding:30px 0; text-align:center; border-radius:10px; box-shadow:#333 1px 1px 6px; }
    .map img { width:280px; }
    .transport { overflow:hidden; }
    .transport .item { width:50%; float:left; }
    .transport h4 { font-size:14px; margin:15px 0px 10px; }
    .transport ul { margin:0; }
    .transport ul li { font-size:12px; line-height:20px; padding-right:10px; }
    .transport ul li ul { margin-bottom:10px; }
    </style>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1&appId=343314475696318";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    
    {block:IndexPage}
    <div class="index">
        {block:IfHeaderImage}
        <h1 class="title"><img src="{image:Header}" alt="{Title}" /></h1>
        {/block:IfHeaderImage}
        {block:IfNotHeaderImage}
        <h1 class="title">{Title}</h1>
        {/block:IfNotHeaderImage}
        
        <div class="description">
            {block:IfIconImage}
            <img src="{image:Icon}" class="icon" >
            {/block:IfIconImage}

            {block:IfInvitationImage}
            <p style="margin:30px auto 20px;"><img src="{image:Invitation}" alt="하나님의 사랑으로 만난 두 사람이 새로운 가정을 이루는 아름다운 약속을 하려합니다. 언제나 아름답고 주위에 사랑을 나누는 행복한 가정을 이루도록 오셔서 축복해 주시고 지켜 봐주십시오." style="width:280px;" /></p>
            {/block:IfInvitationImage}
            {block:IfNotInvitationImage}
            <p>
                하나님의 사랑으로 만난 두 사람이<br>
                새로운 가정을 이루는 아름다운 약속을 하려합니다.<br>
                언제나 아름답고 주위에 사랑을 나누는 행복한 가정을 이루도록<br>
                오셔서 축복해 주시고 지켜 봐주십시오.
            </p>

            <p style="font-weight:bold;font-size:16px; margin:30px 0;line-height:30px;">
                윤태수.이문수 <sub style="font-weight:normal">의 장남</sub> <b style="font-size:18px">윤혁주</b><br>
                김영길.이선옥 <sub style="font-weight:normal">의 장녀</sub> <b style="font-size:18px">김하나</b>
            </p>

            <p style="font-weight:bold;">
                <a href="https://www.facebook.com/events/166784833490273" target="_blank">2013년 7월 6일 15시</a>
                <a href="http://wedding.joohana.net/location">교통회관 더 컨벤션 3층 아모르홀</a>
            </p>
            {/block:IfNotInvitationImage}

        </div>
    </div>
    {/block:IndexPage}

    {block:PermalinkPage} 
    <div class="header">
        {block:IfSubHeaderImage}
        <h1 class="title"><img src="{image:SubHeader}" alt="{Title}" /></h1>
        {/block:IfSubHeaderImage}
        {block:IfNotSubHeaderImage}
        <h1 class="title">{Title}</h1>
        {/block:IfNotSubHeaderImage}
    </div>
    <div class="wrap">
        <ul class="posts">
            {block:Posts}
                {block:Text}
                    <li class="post text">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                    </li>
                {/block:Text}

                {block:Photo}
                    <li class="post photo">
                        <a href="{PhotoURL-500}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" width="{PhotoWidth-250}" height="{PhotoHeight-250}" /></a>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Photo}

                {block:Panorama}
                    <li class="post panorama">
                        {LinkOpenTag}
                            <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                        {LinkCloseTag}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Panorama}

                {block:Photoset}
                    <li class="post photoset">
                        {Photoset-250}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Photoset}

                {block:Quote}
                    <li class="post quote">
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </li>
                {/block:Quote}

                {block:Link}
                    <li class="post link">
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </li>
                {/block:Link}

                {block:Chat}
                    <li class="post chat">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </li>
                {/block:Chat}

                {block:Video}
                    <li class="post video">
                        {Video-250}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Video}

                {block:Audio}
                    <li class="post audio">
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Audio}
            {/block:Posts}
        </ul>
    </div>
    {/block:PermalinkPage} 

    {block:PermalinkPagination}
    <div class="page_nav">
        {block:PreviousPost}<a href="{PreviousPost}" class="prev_page">&lt;</a>{/block:PreviousPost}
        {block:NextPost}<a href="{NextPost}" class="next_page">&gt;</a>{/block:NextPost}
    </div>
    {/block:PermalinkPagination}

    <div class="wrap" style="text-align:center;width:260px">
        {block:IndexPage}
        <div class="fb-like" data-href="http://wedding.joohana.net" data-send="false" data-layout="standard" data-width="240" data-show-faces="true"></div>
        <div class="fb-comments" data-href="{Permalink}" data-width="260" data-num-posts="10"></div>
        {/block:IndexPage}

        {block:PermalinkPage}
        <div class="fb-like" data-href="{Permalink}" data-send="false" data-layout="standard" data-width="240" data-show-faces="true"></div>
        <div class="fb-comments" data-href="{Permalink}" data-width="260" data-num-posts="10"></div>
        {/block:PermalinkPage} 
    </div>
    
    <div class="footer">
        <a href="/">초대합니다</a>
        <a href="/location">오시는 길</a>
        <a href="http://wedding.joohana.net/post/51791018342">사진</a>
    </div>
</body>
</html>